<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<jsp:include page="validaSesion.jsp"></jsp:include>
<%@ include file="../taglib.jsp" %>
<html>

<head>
<link href="css/menuPrincipal.css" type=text/css rel=stylesheet>
<script src="js/menuBar.js" type="text/javascript"></SCRIPT>

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.metadata.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<SCRIPT src="js/calendar.js" type=text/javascript></SCRIPT>
<SCRIPT src="js/calendar-es.js" type=text/javascript></SCRIPT>
<SCRIPT src="js/calendar-setup.js" type=text/javascript></SCRIPT>
<LINK href="css/calendar-blue.css" type=text/css rel=stylesheet>
<link href="css/displaytag.css" rel="stylesheet" type="text/css"/>
<SCRIPT src="js/displaytag.js" type="text/javascript"></SCRIPT>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<link href="css/lightbox.css" rel="stylesheet" type="text/css" />
<link href="css/sample_lightbox_layout.css" rel="stylesheet" type="text/css" />
<style type="text/css">

		.lbGallery { 
			background-color: #FFFFFF;
			padding-left: 20px;  
			padding-top: 20px;  
			padding-right: 20px;  
			padding-bottom: 20px;  
			width: 0px;
			height: auto;
			text-align:left;
		}
		.lbGallery ul { list-style: none; margin:0;padding:0; }
		.lbGallery ul li { display: inline;margin:0;padding:0; }
		.lbGallery ul li a{text-decoration:none;}
			
		.lbGallery ul li a img {
			/*border color, width and margin for the images*/
			border-color: #FFFFFF;
			border-left-width: 10px;
			border-top-width: 10px;
			border-right-width: 10px;
			border-bottom-width: 10px;
			margin-left:0px;
			margin-right:0px;
			margin-top:0px;
			margin-bottom:0px:
			}
			
		.lbGallery ul li a:hover img {	
			/*background color on hover*/
			border-color: #ffffff;
			border-left-width: 10px;
			border-top-width: 10px;
			border-right-width: 10px;
			border-bottom-width: 20px;
		}
			
		#lightbox-container-image-box {
			border-top: 0px none #ffffff;
			border-right: 0px none #ffffff;
			border-bottom: 0px none #ffffff;
			border-left: 0px none #ffffff;
			}
			
		#lightbox-container-image-data-box { 
			border-top: 0px;
			border-right: 0px none #ffffff;
			border-bottom: 0px none #ffffff;
			border-left: 0px none #ffffff;
			}
</style>
</head>
<script type="text/javascript">
 function enviar(value1,value2) {
	document.frmEnvio.action = 'evaluarSolicitud';
	document.frmEnvio.metodo.value = 'actualizarObserSolici';
	document.frmEnvio.codActuItem.value = value1;
	document.frmEnvio.codPostulante.value = value2;
    document.frmEnvio.submit();
}
 function aprobarRequisito(item,nroSolicitud) {
var items=item;
var solicitud=nroSolicitud;
document.frmEnvio.action = "inscripcion?metodo=aprobarRequisito&item="+items+"&observacion="+document.getElementById('txtObservacion').value+"&solicitud="+solicitud+"";
document.frmEnvio.submit();
	}

 function desaprobarRequisito(item,nroSolicitud) {
	 var items=item;
	 var solicitud=nroSolicitud;
	 document.frmEnvio.action = "inscripcion?metodo=desaprobarRequisito&item="+items+"&observacion="+document.getElementById('txtObservacion').value+"&solicitud="+solicitud+"";
	 document.frmEnvio.submit();
	 	}	
	 

   
</script><script type="text/javascript">document.getElementById('txtObservacion').value;</script>

<body class = "fondo"> 

<table border="0" height=100% width=100% >
	<tr>
		<td align="center">
		<br>
		<jsp:include page="includes\header.jsp"/>
		<jsp:include page="includes\menuBarraECA-Inscripcion.jsp"/>
		<jsp:include page="includes\header2.jsp"/>
		<br>

		<div class = cuerpo_xy>

			<div class=cuerpo>
				<div class = contenido>
				
				
					<form name="frmEnvio" method="post" action="inscripcion">
					<input type="hidden" name="metodo" />
				
				     
					<table border="0" cellspacing="0" cellpadding="2" height=100% width=95% align="center">
						<tr>
							<td align="center" colspan="2" bgcolor="#F1FDD9">
								<h2>EVALUACION DE SOLICITUDES</h2>
							</td>				
						</tr>
						<tr>
							<td align="center" colspan="2">
								&nbsp;
							</td>				
						</tr>
						<tr>
							<td align="center" bgcolor="#DAE6FF" colspan="2">
								...::: LISTA DE POSTULANTES (Con requisitos sin aprobar) :::...   
						    </td>	    
						</tr>
						<tr>
						<td colspan="5" align="center">
				        <display:table
					name="${requestScope.pendientes}" id="bean" export="false"
					requestURI="inscripcion?metodo=consulPostPend" pagesize="4">
					<display:column property="strNombres" title="Nombre"
						sortable="true" />
					<display:column property="strApepat" title="ApePater"
						sortable="true" />
					<display:column property="strApemat" title="ApeMater"
						sortable="true" />
					<display:column property="strEstado" title="Estado" sortable="true" />
					<display:column title="listar">
						<a
							href="inscripcion?metodo=listarDetalle&codigo=${bean.intCodPostulante}">
						<img alt="agregar" src="images/open2.gif" height="16" width="16"
							border="0" /> </a>
					</display:column>
				</display:table>
				            </td>
						</tr>
						<tr><td colspan="2">&nbsp;</td></tr>
						
						<tr>
							<td colspan="2" align="center" bgcolor="#DAE6FF">...::: REQUISITOS DEL POSTULANTE :::...</td>
						</tr>
						<tr>
							<td align="center" colspan="5">
							
							 <display:table name="${requestScope.DETALLE_SOLICITUD}" id="item" export="false" requestURI="${requestScope.DETALLE_SOLICITUD}" pagesize="10">
					         <display:column property="strNombre" title="Requisito"
						sortable="true" />
					         <display:column title="Imagen" >
					           <div id="gallery" ><!-- class="lbGallery" -->
					          <a href="inscripcion?metodo=verRequisito&item=${item.intItem}"  title=""><img src="images/imagen_Ver.jpg" width="25" height="25" alt="ver Imagen"  border="0"/></a>
                                 </div>
					         </display:column>
					         <display:column title="Aprobar" >
						     <a onclick="aprobarRequisito(${item.intItem},${item.intNroSolicitud});" >
                              <img alt="aprobar" src="images/aprobar.png" height="16" width="16" border="0"/>
                             </a>
					        </display:column>
					        <display:column title="Desaprobar">
					        <a onclick="desaprobarRequisito(${item.intItem},${item.intNroSolicitud});"      >
                              <img alt="desaprobar" src="images/desaprobado.png" height="16" width="16" border="0"/>
                             </a>
					        </display:column>
					      
	                        </display:table>
   <script type="text/javascript">
		$(function(){
			$('#gallery a').lightBox({ 
				imageLoading:			'images/lightbox/lightbox-ico-loading.gif',		// (string) Path and the name of the loading icon
				imageBtnPrev:			'images/lightbox/lightbox-btn-prev.gif',			// (string) Path and the name of the prev button image
				imageBtnNext:			'images/lightbox/lightbox-btn-next.gif',			// (string) Path and the name of the next button image
				imageBtnClose:			'images/lightbox/lightbox-btn-close.gif',		// (string) Path and the name of the close btn
				imageBlank:				'images/lightbox/lightbox-blank.gif',			// (string) Path and the name of a blank image (one pixel)
				fixedNavigation:		false,		// (boolean) Boolean that informs if the navigation (next and prev button) will be fixed or not in the interface.
				containerResizeSpeed:	400,			 // Specify the resize duration of container image. These number are miliseconds. 400 is default.
				overlayBgColor: 		"#999999",		// (string) Background color to overlay; inform a hexadecimal value like: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue values of the color.
				overlayOpacity:			.6,		// (integer) Opacity value to overlay; inform: 0.X. Where X are number from 0 to 9
				txtImage:				'Image',				//Default text of image
				txtOf:					'of'
			});
		});
		  </script>
	
						</td>				
						</tr>
						
						<tr>
							<td colspan="2" align="center" bgcolor="#DAE6FF">...::: OBSERVACIONES :::...</td>
						</tr>
						<tr>
						 <td align="center"><TEXTAREA id=txtObservacion name=txtObservacion rows = 5 cols = 20 ></TEXTAREA></td>
						</tr>
                        <tr><td colspan="2">&nbsp;</td></tr>					
						
				<tr>
							<td align="center" colspan="2">
								&nbsp;
							</td>				
						</tr>						
						
					</table>
					
					
					</form>
					
					
				</div>
			</div>
	
		<jsp:include page="includes\lateral.jsp"/>

		</div>

		<br>

		<jsp:include page="includes\piePagina.jsp"/>
		</td>
	</tr>
	
		
</table>


</body>

</html>